<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<?php echo base_url()?>themes/default/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="<?php echo base_url()?>themes/default/css/ace.min.css" />

<link rel="stylesheet" href="<?php echo base_url()?>themes/default/css/ace-skins.min.css" />

<link rel="stylesheet" href="<?php echo base_url()?>themes/default/css/font-awesome.min.css" />

<!-- jQuery 2.0.2 -->
<script src="<?php echo base_url()?>public/js/jquery-1.7.2.min.js"></script>
<!-- Bootstrap -->
<script src="<?php echo base_url()?>public/js/bootstrap.min.js" type="text/javascript"></script>
<script src="<?php echo base_url()?>themes/default/js/jquery.area.js"></script>
<script type="text/javascript">
	try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	$(document).ready(function () {
		_init_area($("select[class='province']").attr("id"),$("select[class='city']").attr("id"),$("select[class='area']").attr("id"),'<?php echo set_value("province")?>','<?php echo set_value("city")?>','<?php echo set_value("area")?>','<?php echo base_url();?>');
	 });
</script>
</head>
<style>
body {
font-family: "Microsoft YaHei";
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
padding:2px;
vertical-align:middle;
}
</style>
<body>
<div class="col_main"><!------右侧开始------>
	<!-- Right side column. Contains the navbar and content of the page -->
    <aside class="right-side">
        <!-- Main content -->
        <section class="content notices_box" style="border:none;">
			<div class="col-xs-12" style="padding:0px;overflow-x: hidden;">
				<div class="box">
            		<div class="form-group col-xs-4">
			            <label>省</label><span style="color: #a94442;"></span>
			                <select id="province" name="province" class="province" style="width: 100%;" check-type="required">
			                    <option value="">省</option>
			                </select>
	                </div>
	                <div class="form-group col-xs-4">
	                    <label>市</label><span style="color: #a94442;"></span>
			                <select id="city" name="city" class="city" style="width: 100%;" check-type="required">
			                    <option value="">市</option>
			                </select>
	                </div>
	                <div class="form-group col-xs-4">
	                    <label>区</label><span style="color: #a94442;"></span>
			                <select id="area" name="area" class="area" style="width: 100%;" check-type="required">
			                    <option value="">区</option>
			                </select>
		            </div>
		            <div class="col-xs-12" style="margin-top: 50px; ">
		            	<div style="float: right;">
		            		<button class="btn btn-info" type="button" onclick="up()">
								<i class="icon-ok bigger-110"></i>
								保存
							</button>
							&nbsp; &nbsp; &nbsp;
							<button class="btn" type="button" onclick="no()" >
								<i class="icon-undo bigger-110"></i>
								取消
							</button>
		            	</div>
		            	
		            	
					</div>
                </div>
			</div>
        </section><!-- /.content -->
    </aside><!-- /.right-side -->
</div>
<script type="text/javascript">
function up(){
	var origin = window.parent;
	var province_val = $("#province").val();
	var city_val = $("#city").val();
	var area_val = $("#area").val();
	var province_text = $("#province").find('option:selected').text();
	var city_text = $("#city").find('option:selected').text();
	var area_text = $("#area").find('option:selected').text();
	var html = '';
	html = html+'<div class="type col-xs-12">';
	html = html+'<span style="float: left; margin-left:-14px;">'+province_text+city_text+area_text+'</span>';
	html = html+'<a style=" float: right; color: red;margin-right: -13px;" onclick="del(this)" >删除</a>';
	html = html+'<input name="province[]" type="hidden" value="'+province_val+'" />';
	html = html+'<input name="city[]" type="hidden" value="'+city_val+'" />';
	html = html+'<input name="area[]" type="hidden" value="'+area_val+'" /></div>';
	html = html+origin.document.getElementById("type").innerHTML;
	origin.document.getElementById("type").innerHTML = html;
	window.parent.staffClose();
}

function no(){
	window.parent.staffClose();
}

</script>
</body>
</html>
